<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css"/>
	<script src="https://cdn.staticfile.net/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="./js/bootstrap.min.js"></script>
	<style type="text/css">
		 .fixed-logo {
		            position: fixed; /* 固定在屏幕左上角 */
		            top: 0px;       /* 距离顶部 0px */
		            left: 0px;      /* 距离左侧 0px */
		            z-index: 1000;  /* 确保 logo 在最上层 */
		        }
		        /* 为内容添加一些内边距，避免被 logo 遮挡 */
		        .content {
		            padding-top: 60px; /* 根据 logo 的高度调整 */
		        }
		nav {
			position: absolute;
			top: 0px;
			width: 100%;
			background-color: rgba(0, 0, 30, 0.5);
		}
		nav .container{
			display: flex;
			justify-content:space-between;
			align-items:center;
			flex-wrap: nowrap;
			min-height: 60px;
		}
		nav .menu-1>a {
			font-size: 14px;
			font-family: "微软雅黑";
			color: #fff;
			
		}
		nav .menu-1>a:hover,
		nav .menu-1.open>a{
			color:#004a96 ;
		}
		
	</style>
</head>
<body>
	<!--头部轮播图 -->
	<div id="myCarousel" class="carousel slide">
	    <!-- 轮播（Carousel）指标 -->
	    <ol class="carousel-indicators">
	        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
	        <li data-target="#myCarousel" data-slide-to="1"></li>
	        <li data-target="#myCarousel" data-slide-to="2"></li>
	    </ol>   
	    <!-- 轮播（Carousel）项目 -->
	    <div class="carousel-inner">
	        <div class="item active">
	            <img src="./images/o.png" alt="First slide">
	        </div>
	        <div class="item">
	            <img src="./images/p.png" alt="Second slide">
	        </div>
	        <div class="item">
	            <img src="./images/q.png" alt="Third slide">
	        </div>
	    </div>
	    <!-- 轮播（Carousel）导航 -->
	      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
	            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
	            <span class="sr-only">Previous</span>
	        </a>
	        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
	            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
	            <span class="sr-only">Next</span>
	        </a>
	</div>
	<!-- 导航菜单-->
	<nav>
		<div class="container">
			<div class="logo">
				<img class="fixed-logo" height="60" src="images/logo.png" alt="Logo">
			</div>
			<ul class="nav navbar-nav">
			    <li class="dropdown menu-1">
			        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			            公司产品
			            <b class="caret"></b>
			        </a>
			        <ul class="dropdown-menu">
			            <li><a href="#">短视频矩阵</a></li>
			            <li><a href="#">无人直播</a></li>
			            <li><a href="#">碰一碰</a></li>
						<li><a href="#">数字人</a></li>
						<li><a href="#">AI笔记</a></li>
						<li><a href="#">AI鼠标</a></li>
						
			        </ul>
			    </li>
				
				<li class="dropdown menu-1">
				    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
				        公司产品
				        <b class="caret"></b>
				    </a>
				    <ul class="dropdown-menu">
				        <li><a href="#">短视频矩阵</a></li>
				        <li><a href="#">无人直播</a></li>
				        <li><a href="#">碰一碰</a></li>
						<li><a href="#">数字人</a></li>
						<li><a href="#">AI笔记</a></li>
						<li><a href="#">AI鼠标</a></li>
						
				    </ul>
				</li>
				
				<li class="dropdown menu-1">
				    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
				        公司产品
				        <b class="caret"></b>
				    </a>
				    <ul class="dropdown-menu">
				        <li><a href="#">短视频矩阵</a></li>
				        <li><a href="#">无人直播</a></li>
				        <li><a href="#">碰一碰</a></li>
						<li><a href="#">数字人</a></li>
						<li><a href="#">AI笔记</a></li>
						<li><a href="#">AI鼠标</a></li>
						
				    </ul>
				</li>
				
				<li class="dropdown menu-1">
				    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
				        公司产品
				        <b class="caret"></b>
				    </a>
				    <ul class="dropdown-menu">
				        <li><a href="#">短视频矩阵</a></li>
				        <li><a href="#">无人直播</a></li>
				        <li><a href="#">碰一碰</a></li>
						<li><a href="#">数字人</a></li>
						<li><a href="#">AI笔记</a></li>
						<li><a href="#">AI鼠标</a></li>
						
				    </ul>
				</li>
				
				<li class="dropdown menu-1">
				    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
				        公司产品
				        <b class="caret"></b>
				    </a>
				    <ul class="dropdown-menu">
				        <li><a href="#">短视频矩阵</a></li>
				        <li><a href="#">无人直播</a></li>
				        <li><a href="#">碰一碰</a></li>
						<li><a href="#">数字人</a></li>
						<li><a href="#">AI笔记</a></li>
						<li><a href="#">AI鼠标</a></li>
						
				    </ul>
				</li>
			</ul>
		</div>
	        
	</nav>
</body>
</html>